<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css">
	    <link rel="stylesheet" type="text/css" href="../css/font/iconfont.css">
	    <link rel="stylesheet" type="text/css" href="../css/car.css">
	    <script type="text/javascript" src="../js/jquery.min.js"></script>
	    <script type="text/javascript" src="../js/index.js"></script>
	</head>
	<body>
		<div class="topnav-bg">
        <div class="topnav">
            <div class="city"> 
                <span>送至：北京</span>
                <i class="icon iconfont icon-xialakuang1"></i>
                <ul class="citylist">
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>重庆</li>
                    <li>河北</li> 
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>重庆</li>
                    <li>河北</li>
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>重庆</li>
                    <li>河北</li> 
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>重庆</li>
                    <li>河北</li>
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>重庆</li>
                    <li>河北</li> 
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>重庆</li>
                    <li>河北</li>
                    <li>北京</li>
                    <li>上海</li>
                    <li>天津</li>
                    <li>重庆</li>
                    <li>河北</li>
                </ul>
            </div>
            <ul class="topnavlist">
                <li><a href="#">您好，请登录</a><a href="#">免费注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li>
                    <div class="list-icon"> 
                        <a href="#">我的京东</a>
                        <i class="icon iconfont icon-xialakuang1"></i>
                    </div>
                </li>
                <li><a href="#">京东会员</a></li>
                <li><a href="#">企业采购</a></li>
                <li>
                    <a href="#">手机京东</a>
                    <i class="icon iconfont icon-xialakuang1"></i>
                    <div class="mobile"></div>
                </li>
                <li>
                    <a href="#">关注京东</a>
                    <i class="icon iconfont icon-xialakuang1"></i>
                    <div class="mobile"></div>
                </li>
                <li>
                    <div class="list-icon"> 
                        <a href="#">客户服务</a>
                        <i class="icon iconfont icon-xialakuang1"></i>
                    </div>
                </li>
                <li>
                    <div class="list-icon"> 
                        <a href="#">网站导航</a>
                        <i class="icon iconfont icon-xialakuang1"></i>
                    </div>
                </li>
                
            </ul>

        </div>
    </div>
    <div class="headerbg">
		<div class="header">
			<h3><a href="../index.html" target="_blank"><img src="../img/logo.jpg" alt="" /></a></h3>
			<p><a href="#">购物车</a></p>
			<div class="seachbox">
				<input type="text" placeholder="自营" />
				<button>搜素</button>
			</div>
			
		</div>
	</div>
	<div class="main-bg">
		<div class="main">
			<div class="shopping">
				<p class="txt">购物车内暂时没有商品，登录后将显示你之前加入的商品</p>
				<p>
					<a href="#" class='loginbtn'>登录</a>
					<a href="#" class="goshopping">去购物>></a>
				</p>
			</div>
			<div class="tab-new-item">
				<a href="#">猜你喜欢</a>
				<a href="#">随手购</a>
				<a href="#">我的关注</a>
				<a href="#">最近浏览</a>
			</div>
			<ul class="tab-new-list">
				 <li>
                    <a href="#">
                        <img src="../img/xh.jpg" alt="">
                        <p class="decr">欧时纳包包2017新款镂空镶钻单肩包韩版百搭链条斜挎包女482 粉雪蓝</p>
                    </a>
                    <p class="price">
                         <b>￥</b>
                        <span>175.00</span>
                    </p>
                    <a href="#" class="carbtn">加入购物车</a>
                    
                </li>
                <li>
                    <a href="#">
                        <img src="../img/xh.jpg" alt="">
                        <p class="decr">欧时纳包包2017新款镂空镶钻单肩包韩版百搭链条斜挎包女482 粉雪蓝</p>
                    </a>
                    <p class="price">
                         <b>￥</b>
                        <span>175.00</span>
                    </p>
                    <a href="#" class="carbtn">加入购物车</a>
                    
                </li>
                <li>
                    <a href="#">
                        <img src="../img/xh.jpg" alt="">
                        <p class="decr">欧时纳包包2017新款镂空镶钻单肩包韩版百搭链条斜挎包女482 粉雪蓝</p>
                    </a>
                    <p class="price">
                         <b>￥</b>
                        <span>175.00</span>
                    </p>
                    <a href="#" class="carbtn">加入购物车</a>
                    
                </li>
                <li>
                    <a href="#">
                        <img src="../img/xh.jpg" alt="">
                        <p class="decr">欧时纳包包2017新款镂空镶钻单肩包韩版百搭链条斜挎包女482 粉雪蓝</p>
                    </a>
                    <p class="price">
                         <b>￥</b>
                        <span>175.00</span>
                    </p>
                    <a href="#" class="carbtn">加入购物车</a>
                    
                </li>
			</ul>
		</div>
		<div class="footer-bg">
		<div class="footer">
			<div class="topfooter">
				<ul class="dkhslist">
					<li><span></span><p>品类期权，轻松购物</p></li>
					<li><span></span><p>多仓直发，极速配送</p></li>
					<li><span></span><p>正品行货，精致服务</p></li>
					<li><span></span><p>天天低价，畅选无忧</p></li>
				</ul>
			</div>
			<div class="midfooter">
				<ul class="helplist">
					<li>
						<h5>购物指南</h5>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
					</li>
					<li>
						<h5>配送方式</h5>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
					</li>
					<li>
						<h5>支付方式</h5>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
					</li>
					<li>
						<h5>售后服务</h5>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
					</li>
					<li>
						<h5>特色服务</h5>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
						<p><a href="#">购物流程</a></p>
					</li>
				</ul>
			</div>
			<div class="lastfooter">
				<p class="links">
					<a href="#">关于我们</a>
					<a href="#">联系我们</a>
					<a href="#">联系客服</a>
					<a href="#">合作招商</a>
					<a href="#">商家帮助</a>
					<a href="#">营销中心</a>
					<a href="#">手机京东</a>
					<a href="#">友情链接</a>
					<a href="#">销售联盟</a>
					<a href="#">京东社区</a>
					<a href="#">风险监测</a>
					<a href="#">隐私政策</a>
					<a href="#">京东公益</a>
					<a href="#">English Site</a>
					<a href="#">Media & IR</a>
				</p>
				<p>
					<a href="#">京公网安备11000002000088</a>
					<span>京ICP证070359号</span>
					<a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
					<span>新出发京零 字第大12007号</span>
				</p>
				<p>
					<span>互联网出版许可证编号新出网证(京)字150号</span>
					<a href="#">出版物经营许可证</a>
					<a href="#">网络文化经营许可证京网文[2014]2148-348号</a>
					 <span>违法和不良信息举报电话：4006561155</span>
				</p>
				<p>
					<span>Copyright © 2004-2017  京东JD.com 版权所有</span>
					<span>消费者维权热线：4006067733  </span>   
					<a href="#">经营证照</a>
				</p>
				<p>
					<span>京东旗下网站：</span>  
					<a href="#">京东钱包</a>
				</p>
				<div class="authentication">
					<a href="#">
						<img src="../img/wzba.png" alt="" />
					</a>
					<a href="#">
						<img src="../img/xypj.png" alt="" />
					</a>
					<a href="#">
						<img src="../img/wljc.jpg" alt="" />
					</a>
					<a href="#">
						<img src="../img/cxwz.png" alt="" />
					</a>
					<a href="#">
						<img src="../img/jbzx.jpg" alt="" />
					</a>
					<a href="#">
						<img src="../img/jbapp.jpg" alt="" />
					</a>
				</div>
			</div>
		</div>
	</div>
	</div>
	</body>
</html>
